<!--个人信息  学习记录 页面-->
<template>
<div>
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
    <el-menu-item index="1">学习记录</el-menu-item>
  </el-menu>
  <el-row style="text-align: center">
    <el-col :span="8"><div class="bg-purple1">课程名称</div></el-col>
    <el-col :span="12"><div class="bg-purple1">学习内容</div></el-col>
    <el-col :span="4"><div class="bg-purple1">学习时间</div></el-col>
  </el-row>
  <el-row v-for="item in aaaa" :key="item.id" style="text-align: left">
    <el-col :span="8"><div class="bg-purple" style="margin-left: 10px">{{item.courseName}}</div></el-col>
    <el-col :span="12"><div class="bg-purple" style="margin-left: 10px">{{item.chapterName}}</div></el-col>
    <el-col :span="4"><div class="bg-purple">{{item.gmtCreate}}</div></el-col>
  </el-row>
</div>
</template>

<script>
export default {
name: "LearningRecord",
  data(){
    return{
      aaaa:[],
      activeIndex: '1',
    }
  },
  created() {
    this.findAll();
  },
  methods: {
    findAll(){
    this.$axios.post("leadingEnd-curriculum/ronco/user-study/findAll").then(r=>{
      this.aaaa=r.data
      alert(JSON.stringify(r.data))
    })
  },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>

<style scoped>

.bg-purple{
  background: white;
  min-height: 36px;
  color: #999;
  font-size: 14px;
  border-bottom: 1px solid #f5f5f5;
  line-height: 36px;
}
.bg-purple1{
  background: #f5f5f5;
  min-height: 30px;
  font-size: 14px;
  line-height: 36px;
}
</style>
